<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>FlexiBus Demo using AJAX</title>

        <script type="text/javascript" src="javascript.js"></script>
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
        
	
        <link rel="stylesheet" href="DatePicker/datepicker.css">
	<script type="text/javascript" language="javascript" src="DatePicker/prototype-1.js"></script>
	<script type="text/javascript" language="javascript" src="DatePicker/prototype-base-extensions.js"></script>
	<script type="text/javascript" language="javascript" src="DatePicker/prototype-date-extensions.js"></script>
	<script type="text/javascript" language="javascript" src="DatePicker/behaviour.js"></script>
	<script type="text/javascript" language="javascript" src="DatePicker/datepicker.js"></script>
	<script type="text/javascript" language="javascript" src="DatePicker/behaviors.js"></script>
     
     
  </head>
  <body onload="init()">
    <h1>FlexiBus Demo</h1>


    <p>In the form below enter a name of BusStation. Possible names that will be completed are displayed below
        the form. For example, try typing in &quot;Feuersee&quot, or &quot;Stadtmitte&quot </p>
    <div>
    <form name="autofillform" action="autocomplete">
      <table border="0" cellpadding="5"> 
        <tbody>
          <tr>
            <td><strong>Start Station:</strong></td>
                        <td>
                            <input type="text"
                                   size="20" 
                                   id="complete-field-start"
                                   onkeyup="doCompletion(this.id)">
                        </td>
          </tr>
          <tr>
              <td id="auto-row-start" colspan="2">
                  <table id="complete-table-start" class="popupBox"></table>
              </td>
          </tr>
          
          <tr>
            <td><strong>Destination Station:</strong></td>
                        <td>
                            <input type="text"
                                   size="20" 
                                   id="complete-field-destination"
                                   onkeyup="doCompletion(this.id)">
                        </td>
          </tr>
          <tr>
              <td id="auto-row-destination" colspan="2">
                  <table id="complete-table-destination" class="popupBox"></table>
              </td>
          </tr>
          
          <tr>
              <td><strong>Date&Time Selection:</strong></td>
              <td>
                  <input id="date-field" class="datetimepicker">
              </td>
          </tr>
   
          
         
        </tbody>
      </table>
   
        <input type="button" name="submit" value="submit">
                
    </form>
     </div>
 
    
    
  </body>
</html>